<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/home.css">
</head>

<body>
    <div class="header">
        <div class="public-top">
            <div class="public-top-main">
                <div class="public-top-l">
                    <span class="welcom">&nbsp;&nbsp;您好，欢迎来到深铭易购！</span>
                    <div class="login">
                        <a href="">请登录</a>
                        <span>|</span>
                        <a href="">免费注册</a>
                    </div>
                </div>
                <div class="public-top-r">
                    <a href="" class="public-top-r-link">
                        <img class="iconfont" src="../img/hot-icon.png" alt="">
                        我的订单</a>
                    <span>|</span>
                    <a href="" class="public-top-r-link">
                        <img class="iconfont" src="../img/hot-icon.png" alt="">
                        BOM配单</a>
                    <span>|</span>
                    <a href="" class="public-top-r-link">
                        <img class="iconfont" src="../img/hot-icon.png" alt="">
                        深铭易购-客服&nbsp;</a>
                </div>
            </div>
        </div>

        <div class="public-head">
            <div class="log">
                <a href="">
                    <img class="log-img" src="../img/logo.png" alt="">
                </a>
            </div>
            <div class="search">
                <div class="top-search-box">
                    <form action="" id="top_search">
                        <input type="text" id="py-1" placeholder="请输入型号、品牌、参数信息...">
                        <div class="submit-btn">
                            <input type="button" class="submit-btn-log" value="">
                        </div>
                    </form>
                </div>
                <div class="search-content">
                    <span class="remen">热门搜索：</span>
                    <a href="" class="text-link">STM32F103RCT6</a>
                    <a href="" class="text-link">STM8S003F3P6</a>
                    <a href="" class="text-link">0402WGF1603TCE</a>
                    <a href="" class="text-link2">N76E003AT20</a>
                    <a href="" class="text-link1">新人专享</a>
                </div>
            </div>
            <div class="my-cart">
                <img class="my-cart-log" src="../img/cart.png" alt="">
                <span>我的购物车</span>
                <div class="n-badge">0</div>
            </div>
        </div>
        <div class="public-nav">
            <div class="public-nav-l">
                <div class="w"><img class="w-5" src="../img/catalog.png" alt=""></div>
                <div>产品分类</div>
            </div>
            <div class="public-nav-r">
                <div class="active_nav">
                    <a href="" class="active_nav-link">首页</a>
                </div>
                <div class="active_nav">
                    <a href="" class="active_nav-link">商品目录</a>
                </div>
                <div class="active_nav">
                    <a href="" class="active_nav-link">优质资源</a>
                </div>
                <div class="active_nav">
                    <img class="new" src="../img/green-new1.png" alt="">
                    <a href="" class="active_nav-link">行业资讯</a>
                </div>
                <div class="active_nav">
                    <a href="" class="active_nav-link">优惠券</a>
                </div>
                <div class="active_nav">
                    <a href="" class="active_nav-link">供应商入驻</a>
                </div>
                <div class="active_nav">
                    <a href="" class="active_nav-link">样品申请</a>
                </div>
                <div class="active_nav">
                    <a href="" class="active_nav-link">BOM配单</a>
                </div>
                <div class="active_nav">
                    <img class="new" src="../img/new.png" alt="">
                </div>
            </div>
        </div>
    </div>
    <div class="main">
        <div class="mx">
            <div class="mx-left">
                <ul>
                    <li class="sub-nav-l">
                        <div class="w1">
                            <img class="w1-5" src="../img/hot-icon.png" alt="">
                        </div>
                        <span>电阻/电容/电感</span>
                        <img class="sub-nav-l-icon" src="../img/szsmyg-classify-right.png" alt="">
                        <div class="sub2-nav-l">
                            <div class="tle">
                                <a class="tle-link" href="">电阻<img class="tle-r"
                                        src="../img/szsmyg-classify-right-blue.png" alt=""></a>
                            </div>
                            <div class="sub-nav-content">
                                <a class="sub-nav-content-link" href="">贴片电阻</a>
                                <a class="sub-nav-content-link" href="">贴片电阻</a>
                                <a class="sub-nav-content-link" href="">贴片电阻</a>
                                <a class="sub-nav-content-link" href="">贴片电阻</a>
                                <a class="sub-nav-content-link" href="">贴片电阻</a>
                                <a class="sub-nav-content-link" href="">贴片电阻</a>
                                <a class="sub-nav-content-link" href="">贴片电阻</a>
                            </div>
                        </div>
                    </li>
                    <li class="sub-nav-l">
                        <div class="w1">
                            <img class="w1-5" src="../img/hot-icon.png" alt="">
                        </div>
                        <span>二极管/三极管</span>
                        <img class="sub-nav-l-icon" src="../img/szsmyg-classify-right.png" alt="">
                        <div class="sub2-nav-l">
                            <div class="tle">
                                <a class="tle-link" href="">电阻<img class="tle-r"
                                        src="../img/szsmyg-classify-right-blue.png" alt=""></a>
                            </div>
                            <div class="sub-nav-content">
                                <a class="sub-nav-content-link" href="">贴片电阻</a>
                                <a class="sub-nav-content-link" href="">贴片电阻</a>
                                <a class="sub-nav-content-link" href="">贴片电阻</a>
                                <a class="sub-nav-content-link" href="">贴片电阻</a>
                                <a class="sub-nav-content-link" href="">贴片电阻</a>
                                <a class="sub-nav-content-link" href="">贴片电阻</a>
                                <a class="sub-nav-content-link" href="">贴片电阻</a>
                            </div>
                        </div>
                    </li>
                    <li class="sub-nav-l">
                        <div class="w1">
                            <img class="w1-5" src="../img/hot-icon.png" alt="">
                        </div>
                        <span>晶体管/IGBT</span>
                        <img class="sub-nav-l-icon" src="../img/szsmyg-classify-right.png" alt="">
                        <div class="sub2-nav-l">
                            <div class="tle">
                                <a class="tle-link" href="">电阻<img class="tle-r"
                                        src="../img/szsmyg-classify-right-blue.png" alt=""></a>
                            </div>
                            <div class="sub-nav-content">
                                <a class="sub-nav-content-link" href="">贴片电阻</a>
                                <a class="sub-nav-content-link" href="">贴片电阻</a>
                                <a class="sub-nav-content-link" href="">贴片电阻</a>
                                <a class="sub-nav-content-link" href="">贴片电阻</a>
                                <a class="sub-nav-content-link" href="">贴片电阻</a>
                                <a class="sub-nav-content-link" href="">贴片电阻</a>
                                <a class="sub-nav-content-link" href="">贴片电阻</a>
                            </div>
                        </div>
                    </li>
                    <li class="sub-nav-l">
                        <div class="w1">
                            <img class="w1-5" src="../img/hot-icon.png" alt="">
                        </div>
                        <span>开关/电路/继电器</span>
                        <img class="sub-nav-l-icon" src="../img/szsmyg-classify-right.png" alt="">
                        <div class="sub2-nav-l">
                            <div class="tle">
                                <a class="tle-link" href="">电阻<img class="tle-r"
                                        src="../img/szsmyg-classify-right-blue.png" alt=""></a>
                            </div>
                            <div class="sub-nav-content">
                                <a class="sub-nav-content-link" href="">贴片电阻</a>
                                <a class="sub-nav-content-link" href="">贴片电阻</a>
                                <a class="sub-nav-content-link" href="">贴片电阻</a>
                                <a class="sub-nav-content-link" href="">贴片电阻</a>
                                <a class="sub-nav-content-link" href="">贴片电阻</a>
                                <a class="sub-nav-content-link" href="">贴片电阻</a>
                                <a class="sub-nav-content-link" href="">贴片电阻</a>
                            </div>
                        </div>
                    </li>
                    <li class="sub-nav-l">
                        <div class="w1">
                            <img class="w1-5" src="../img/hot-icon.png" alt="">
                        </div>
                        <span>微处理器/微控制器</span>
                        <img class="sub-nav-l-icon" src="../img/szsmyg-classify-right.png" alt="">
                        <div class="sub2-nav-l">
                            <div class="tle">
                                <a class="tle-link" href="">电阻<img class="tle-r"
                                        src="../img/szsmyg-classify-right-blue.png" alt=""></a>
                            </div>
                            <div class="sub-nav-content">
                                <a class="sub-nav-content-link" href="">贴片电阻</a>
                                <a class="sub-nav-content-link" href="">贴片电阻</a>
                                <a class="sub-nav-content-link" href="">贴片电阻</a>
                                <a class="sub-nav-content-link" href="">贴片电阻</a>
                                <a class="sub-nav-content-link" href="">贴片电阻</a>
                                <a class="sub-nav-content-link" href="">贴片电阻</a>
                                <a class="sub-nav-content-link" href="">贴片电阻</a>
                            </div>
                        </div>
                    </li>
                    <li class="sub-nav-l">
                        <div class="w1">
                            <img class="w1-5" src="../img/hot-icon.png" alt="">
                        </div>
                        <span>电源管理/变压器</span>
                        <img class="sub-nav-l-icon" src="../img/szsmyg-classify-right.png" alt="">
                        <div class="sub2-nav-l">
                            <div class="tle">
                                <a class="tle-link" href="">电阻<img class="tle-r"
                                        src="../img/szsmyg-classify-right-blue.png" alt=""></a>
                            </div>
                            <div class="sub-nav-content">
                                <a class="sub-nav-content-link" href="">贴片电阻</a>
                                <a class="sub-nav-content-link" href="">贴片电阻</a>
                                <a class="sub-nav-content-link" href="">贴片电阻</a>
                                <a class="sub-nav-content-link" href="">贴片电阻</a>
                                <a class="sub-nav-content-link" href="">贴片电阻</a>
                                <a class="sub-nav-content-link" href="">贴片电阻</a>
                                <a class="sub-nav-content-link" href="">贴片电阻</a>
                            </div>
                        </div>
                    </li>
                    <li class="sub-nav-l">
                        <div class="w1">
                            <img class="w1-5" src="../img/hot-icon.png" alt="">
                        </div>
                        <span>晶振/连接器/滤波器</span>
                        <img class="sub-nav-l-icon" src="../img/szsmyg-classify-right.png" alt="">
                        <div class="sub2-nav-l">
                            <div class="tle">
                                <a class="tle-link" href="">电阻<img class="tle-r"
                                        src="../img/szsmyg-classify-right-blue.png" alt=""></a>
                            </div>
                            <div class="sub-nav-content">
                                <a class="sub-nav-content-link" href="">贴片电阻</a>
                                <a class="sub-nav-content-link" href="">贴片电阻</a>
                                <a class="sub-nav-content-link" href="">贴片电阻</a>
                                <a class="sub-nav-content-link" href="">贴片电阻</a>
                                <a class="sub-nav-content-link" href="">贴片电阻</a>
                                <a class="sub-nav-content-link" href="">贴片电阻</a>
                                <a class="sub-nav-content-link" href="">贴片电阻</a>
                            </div>
                        </div>
                    </li>
                    <li class="sub-nav-l">
                        <div class="w1">
                            <img class="w1-5" src="../img/hot-icon.png" alt="">
                        </div>
                        <span>扬声器/蜂鸣器/咪头</span>
                        <img class="sub-nav-l-icon" src="../img/szsmyg-classify-right.png" alt="">
                        <div class="sub2-nav-l">
                            <div class="tle">
                                <a class="tle-link" href="">电阻<img class="tle-r"
                                        src="../img/szsmyg-classify-right-blue.png" alt=""></a>
                            </div>
                            <div class="sub-nav-content">
                                <a class="sub-nav-content-link" href="">贴片电阻</a>
                                <a class="sub-nav-content-link" href="">贴片电阻</a>
                                <a class="sub-nav-content-link" href="">贴片电阻</a>
                                <a class="sub-nav-content-link" href="">贴片电阻</a>
                                <a class="sub-nav-content-link" href="">贴片电阻</a>
                                <a class="sub-nav-content-link" href="">贴片电阻</a>
                                <a class="sub-nav-content-link" href="">贴片电阻</a>
                            </div>
                        </div>
                    </li>
                    <li class="sub-nav-l">
                        <div class="w1">
                            <img class="w1-5" src="../img/hot-icon.png" alt="">
                        </div>
                        <span>LED发光管/光耦/红外</span>
                        <img class="sub-nav-l-icon" src="../img/szsmyg-classify-right.png" alt="">
                        <div class="sub2-nav-l">
                            <div class="tle">
                                <a class="tle-link" href="">电阻<img class="tle-r"
                                        src="../img/szsmyg-classify-right-blue.png" alt=""></a>
                            </div>
                            <div class="sub-nav-content">
                                <a class="sub-nav-content-link" href="">贴片电阻</a>
                                <a class="sub-nav-content-link" href="">贴片电阻</a>
                                <a class="sub-nav-content-link" href="">贴片电阻</a>
                                <a class="sub-nav-content-link" href="">贴片电阻</a>
                                <a class="sub-nav-content-link" href="">贴片电阻</a>
                                <a class="sub-nav-content-link" href="">贴片电阻</a>
                                <a class="sub-nav-content-link" href="">贴片电阻</a>
                            </div>
                        </div>
                    </li>
                    <li class="sub-nav-l">
                        <div class="w1">
                            <img class="w1-5" src="../img/hot-icon.png" alt="">
                        </div>
                        <span>传感器/保险丝/磁珠</span>
                        <img class="sub-nav-l-icon" src="../img/szsmyg-classify-right.png" alt="">
                        <div class="sub2-nav-l">
                            <div class="tle">
                                <a class="tle-link" href="">电阻<img class="tle-r"
                                        src="../img/szsmyg-classify-right-blue.png" alt=""></a>
                            </div>
                            <div class="sub-nav-content">
                                <a class="sub-nav-content-link" href="">贴片电阻</a>
                                <a class="sub-nav-content-link" href="">贴片电阻</a>
                                <a class="sub-nav-content-link" href="">贴片电阻</a>
                                <a class="sub-nav-content-link" href="">贴片电阻</a>
                                <a class="sub-nav-content-link" href="">贴片电阻</a>
                                <a class="sub-nav-content-link" href="">贴片电阻</a>
                                <a class="sub-nav-content-link" href="">贴片电阻</a>
                            </div>
                        </div>
                    </li>
                    <li class="sub-nav-l">
                        <div class="w1">
                            <img class="w1-5" src="../img/hot-icon.png" alt="">
                        </div>
                        <span>线材/射频/无线电</span>
                        <img class="sub-nav-l-icon" src="../img/szsmyg-classify-right.png" alt="">
                        <div class="sub2-nav-l">
                            <div class="tle">
                                <a class="tle-link" href="">电阻<img class="tle-r"
                                        src="../img/szsmyg-classify-right-blue.png" alt=""></a>
                            </div>
                            <div class="sub-nav-content">
                                <a class="sub-nav-content-link" href="">贴片电阻</a>
                                <a class="sub-nav-content-link" href="">贴片电阻</a>
                                <a class="sub-nav-content-link" href="">贴片电阻</a>
                                <a class="sub-nav-content-link" href="">贴片电阻</a>
                                <a class="sub-nav-content-link" href="">贴片电阻</a>
                                <a class="sub-nav-content-link" href="">贴片电阻</a>
                                <a class="sub-nav-content-link" href="">贴片电阻</a>
                            </div>
                        </div>
                    </li>
                    <li class="sub-nav-l">
                        <div class="w1">
                            <img class="w1-5" src="../img/hot-icon.png" alt="">
                        </div>
                        <span>放大器/驱动器/辅材</span>
                        <img class="sub-nav-l-icon" src="../img/szsmyg-classify-right.png" alt="">
                        <div class="sub2-nav-l">
                            <div class="tle">
                                <a class="tle-link" href="">电阻<img class="tle-r"
                                        src="../img/szsmyg-classify-right-blue.png" alt=""></a>
                            </div>
                            <div class="sub-nav-content">
                                <a class="sub-nav-content-link" href="">贴片电阻</a>
                                <a class="sub-nav-content-link" href="">贴片电阻</a>
                                <a class="sub-nav-content-link" href="">贴片电阻</a>
                                <a class="sub-nav-content-link" href="">贴片电阻</a>
                                <a class="sub-nav-content-link" href="">贴片电阻</a>
                                <a class="sub-nav-content-link" href="">贴片电阻</a>
                                <a class="sub-nav-content-link" href="">贴片电阻</a>
                            </div>
                        </div>
                    </li>
                    <li class="sub-nav-l">
                        <div class="w1">
                            <img class="w1-5" src="../img/hot-icon.png" alt="">
                        </div>
                        <span>IC/集成电路/芯片</span>
                        <img class="sub-nav-l-icon" src="../img/szsmyg-classify-right.png" alt="">
                        <div class="sub2-nav-l">
                            <div class="tle">
                                <a class="tle-link" href="">电阻<img class="tle-r"
                                        src="../img/szsmyg-classify-right-blue.png" alt=""></a>
                            </div>
                            <div class="sub-nav-content">
                                <a class="sub-nav-content-link" href="">贴片电阻</a>
                                <a class="sub-nav-content-link" href="">贴片电阻</a>
                                <a class="sub-nav-content-link" href="">贴片电阻</a>
                                <a class="sub-nav-content-link" href="">贴片电阻</a>
                                <a class="sub-nav-content-link" href="">贴片电阻</a>
                                <a class="sub-nav-content-link" href="">贴片电阻</a>
                                <a class="sub-nav-content-link" href="">贴片电阻</a>
                            </div>
                        </div>
                    </li>
                    <li class="sub-nav-l">
                        <div class="w1">
                            <img class="w1-5" src="../img/hot-icon.png" alt="">
                        </div>
                        <span>开发工具/电子模块</span>
                        <img class="sub-nav-l-icon" src="../img/szsmyg-classify-right.png" alt="">
                        <div class="sub2-nav-l">
                            <div class="tle">
                                <a class="tle-link" href="">电阻<img class="tle-r"
                                        src="../img/szsmyg-classify-right-blue.png" alt=""></a>
                            </div>
                            <div class="sub-nav-content">
                                <a class="sub-nav-content-link" href="">贴片电阻</a>
                                <a class="sub-nav-content-link" href="">贴片电阻</a>
                                <a class="sub-nav-content-link" href="">贴片电阻</a>
                                <a class="sub-nav-content-link" href="">贴片电阻</a>
                                <a class="sub-nav-content-link" href="">贴片电阻</a>
                                <a class="sub-nav-content-link" href="">贴片电阻</a>
                                <a class="sub-nav-content-link" href="">贴片电阻</a>
                            </div>
                        </div>
                    </li>
                    <li class="sub-nav-l">
                        <div class="w1">
                            <img class="w1-5" src="../img/hot-icon.png" alt="">
                        </div>
                        <span>存储器/电子元器件</span>
                        <img class="sub-nav-l-icon" src="../img/szsmyg-classify-right.png" alt="">
                        <div class="sub2-nav-l">
                            <div class="tle">
                                <a class="tle-link" href="">电阻<img class="tle-r"
                                        src="../img/szsmyg-classify-right-blue.png" alt=""></a>
                            </div>
                            <div class="sub-nav-content">
                                <a class="sub-nav-content-link" href="">贴片电阻</a>
                                <a class="sub-nav-content-link" href="">贴片电阻</a>
                                <a class="sub-nav-content-link" href="">贴片电阻</a>
                                <a class="sub-nav-content-link" href="">贴片电阻</a>
                                <a class="sub-nav-content-link" href="">贴片电阻</a>
                                <a class="sub-nav-content-link" href="">贴片电阻</a>
                                <a class="sub-nav-content-link" href="">贴片电阻</a>
                            </div>
                        </div>
                    </li>
                </ul>
                <div class="look-all">
                    <a class="look-all-link" href="">查看全部分类</a>
                </div>
            </div>
            <div class="mx-auto">
                <div class="mx-auto-1" id="box">
                    <div class="carousel">
                        <div class="cal-list">
                            <ul class="viewpage">
                                <li class="itme"><img src="../img/one.png" class="pic"></li>
                                <li class="itme"><img src="../img/two.png" class="pic"></li>
                                <li class="itme"><img src="../img/one.png" class="pic"></li>
                            </ul>
                            <div class="prev">&lt;</div>
                            <div class="next">&gt;</div>
                            <!-- 小圆点 -->
                            <div class="circle-list">
                                <span class="circle oncl"></span>
                                <span class="circle"></span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="mx-auto-2">
                    <p class="mx-auto-2-tle">智能BOM配单</p>
                    <div class="mx-auto-3">
                        <div class="mx-auto-3-l">
                            <div class="mx-auto-3-l-top">
                                <img src="../img/bom.png" alt="">
                                <div class="ml-1">
                                    <p class="text-base">BOM智能配单</p>
                                    <p class="text-xs">智能配单,极速体验</p>
                                </div>
                            </div>
                            <div class="mx-auto-3-l-top">
                                <img src="../img/bom_pay.png" alt="">
                                <div class="ml-1">
                                    <p class="text-base">一站式极速交付</p>
                                    <p class="text-xs">海量现货,一站式配单</p>
                                </div>
                            </div>
                        </div>
                        <div class="mx-auto-3-r">
                            <div class="mx-auto-3-r-top">
                                <button class="text-sub"> 上传BOM </button>
                            </div>
                            <div class="mx-auto-3-r-bottom">
                                将文件
                                <span class="text">拖拽至此区域</span>
                                或
                                <span class="text">点击上传</span>
                                支持xls/xlsx格式文件,文件不超过2M
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="mx-right">
                <div class="user-info">
                    <div class="user-head">
                        <div class="head-left">
                            <img class="head-left-pic" src="../img/head_pic.jpg" alt="">
                        </div>
                        <div class="head-right">
                            Hi,欢迎来到深铭易购!
                        </div>
                    </div>
                    <div class="user-operate">
                        <a class="user-operate-link1" href="">注册
                            <span class="inline-block">有惊喜</span>
                        </a>
                        <a class="user-operate-link2" href="">登录</a>
                    </div>
                </div>
                <div class="panel-tab">
                    <div class="panel-title">
                        <div class="tab" id="active">行业资讯</div>
                        <span>|</span>
                        <div class="tab" id="active_2">商城公告</div>
                    </div>
                </div>
                <div class="panel-zixun" id="panel-zixun_01">
                    <div class="panel-content">
                        <div class="panel-li">
                            <div class="pointer"></div>
                            <a class="panel-li-link" href="">&nbsp;&nbsp;英特尔完成首台商用高NA EUV光刻机组装</a>
                        </div>
                        <div class="panel-li">
                            <div class="pointer"></div>
                            <a class="panel-li-link" href="">&nbsp;&nbsp;台积电拿下SK海力士HBM4大单</a>
                        </div>
                        <div class="panel-li">
                            <div class="pointer"></div>
                            <a class="panel-li-link" href="">&nbsp;&nbsp;华为Pura 70 Ultra/Pro今日开售！</a>
                        </div>
                        <div class="panel-li">
                            <div class="pointer"></div>
                            <a class="panel-li-link" href="">&nbsp;&nbsp;ASML一季度营收52.9亿欧元，同比下降21%</a>
                        </div>
                        <div class="panel-li">
                            <div class="pointer"></div>
                            <a class="panel-li-link" href="">&nbsp;&nbsp;三星开发出业界最快10.7Gbps LPDDR5X DRAM</a>
                        </div>
                        <div class="panel-li">
                            <div class="pointer"></div>
                            <a class="panel-li-link" href="">&nbsp;&nbsp;AMD推出锐龙PRO 8040/8000系列AI芯片</a>
                        </div>
                    </div>
                    <div class="panel-more">
                        <a class="panel-more-link" href="">查看更多></a>
                    </div>

                </div>
                <div class="panel-zixun" id="panel-zixun_02">
                    <div class="panel-content">
                        <div class="panel-li">
                            <div class="pointer"></div>
                            <a class="panel-li-link" href="">&nbsp;&nbsp;2024年清明节放假通知</a>
                        </div>
                        <div class="panel-li">
                            <div class="pointer"></div>
                            <a class="panel-li-link" href="">&nbsp;&nbsp;开工大吉 | “芯”启程</a>
                        </div>
                        <div class="panel-li">
                            <div class="pointer"></div>
                            <a class="panel-li-link" href="">&nbsp;&nbsp;恭贺新春 | 深铭易购全体员工给您拜年啦！</a>
                        </div>
                        <div class="panel-li">
                            <div class="pointer"></div>
                            <a class="panel-li-link" href="">&nbsp;&nbsp;喜迎新春 | 2024年春节放假通知</a>
                        </div>
                        <div class="panel-li">
                            <div class="pointer"></div>
                            <a class="panel-li-link" href="">&nbsp;&nbsp;2024年元旦节放假通知</a>
                        </div>
                        <div class="panel-li">
                            <div class="pointer"></div>
                            <a class="panel-li-link" href="">&nbsp;&nbsp;2023年国庆节、中秋节放假通知</a>
                        </div>
                    </div>
                    <div class="panel-more">
                        <a class="panel-more-link" href="">查看更多></a>
                    </div>

                </div>
                <div class="panel-box">
                    <div class="panel-consign">
                        <p class="panel-consign-text">供应商入驻</p>
                        <div class="go">
                            <a class="go-link" href="">GO</a>
                        </div>
                    </div>
                    <div class="sample">
                        <p class="panel-consign-text">免费样品</p>
                        <div class="sample-go">
                            <a class="go-link" href="">GO</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="index-carousel">
            <div class="index-carousel-head">
                <div class="index-carousel-head-l">
                    <img class="index-carousel-head-l-img" src="../img/hot-icon.png" alt="">
                    <span class="index-carousel-head-l-tle">热门产品</span>
                </div>
                <div class="index-carousel-head-r">
                    <div><span class="prev2">&lt;</span></div><!-- prev -->
                    <div><span>1/3</span></div>
                    <div><span class="next2">&gt;</span></div><!-- next -->
                </div>
            </div>
            <a href=""><img class="hot-shop-left" src="../img/hot-product.png" alt=""></a>
            <div class="carousel-box"><!-- carousel -->
                <div class="carousel-box_son"><!-- cal-list -->
                    <ul class="hot-shop-rights"><!-- viewpage -->
                        <li class="hot-shop-right"><!-- itme -->
                            <div class="hot-shop-right-top"><!-- pic -->
                                <div class="carousel_li">
                                    <img class="carousel_li-pic0" src="../img/xianhuo-icon.png" alt="">
                                    <img class="carousel_li-pic" src="../img/3d3845d22b6aa6ef.jpg" alt="">
                                    <p class="carousel_li-text1">BC847C</p>
                                    <p class="carousel_li-text2">电子元器件</p>
                                    <p class="carousel_li-text3">￥0.065540</p>
                                </div>
                                <div class="carousel_li">
                                    <img class="carousel_li-pic0" src="../img/xianhuo-icon.png" alt="">
                                    <img class="carousel_li-pic" src="../img/3d3845d22b6aa6ef.jpg" alt="">
                                    <p class="carousel_li-text1">BC847C</p>
                                    <p class="carousel_li-text2">电子元器件</p>
                                    <p class="carousel_li-text3">￥0.065540</p>
                                </div>
                                <div class="carousel_li">
                                    <img class="carousel_li-pic0" src="../img/xianhuo-icon.png" alt="">
                                    <img class="carousel_li-pic" src="../img/3d3845d22b6aa6ef.jpg" alt="">
                                    <p class="carousel_li-text1">BC847C</p>
                                    <p class="carousel_li-text2">电子元器件</p>
                                    <p class="carousel_li-text3">￥0.065540</p>
                                </div>
                                <div class="carousel_li">
                                    <img class="carousel_li-pic0" src="../img/xianhuo-icon.png" alt="">
                                    <img class="carousel_li-pic" src="../img/3d3845d22b6aa6ef.jpg" alt="">
                                    <p class="carousel_li-text1">BC847C</p>
                                    <p class="carousel_li-text2">电子元器件</p>
                                    <p class="carousel_li-text3">￥0.065540</p>
                                </div>
                                <div class="carousel_li">
                                    <img class="carousel_li-pic0" src="../img/xianhuo-icon.png" alt="">
                                    <img class="carousel_li-pic" src="../img/3d3845d22b6aa6ef.jpg" alt="">
                                    <p class="carousel_li-text1">BC847C</p>
                                    <p class="carousel_li-text2">电子元器件</p>
                                    <p class="carousel_li-text3">￥0.065540</p>
                                </div>
                            </div>
                        </li>
                        <li class="hot-shop-right"><!-- itme -->
                            <div class="hot-shop-right-top"><!-- img -->
                                <div class="carousel_li">
                                    <img class="carousel_li-pic0" src="../img/xianhuo-icon.png" alt="">
                                    <img class="carousel_li-pic" src="../img/3d3845d22b6aa6ef.jpg" alt="">
                                    <p class="carousel_li-text1">BC847C</p>
                                    <p class="carousel_li-text2">电子元器件</p>
                                    <p class="carousel_li-text3">￥0.065540</p>
                                </div>
                                <div class="carousel_li">
                                    <img class="carousel_li-pic0" src="../img/xianhuo-icon.png" alt="">
                                    <img class="carousel_li-pic" src="../img/3d3845d22b6aa6ef.jpg" alt="">
                                    <p class="carousel_li-text1">BC847C</p>
                                    <p class="carousel_li-text2">电子元器件</p>
                                    <p class="carousel_li-text3">￥0.065540</p>
                                </div>
                                <div class="carousel_li">
                                    <img class="carousel_li-pic0" src="../img/xianhuo-icon.png" alt="">
                                    <img class="carousel_li-pic" src="../img/3d3845d22b6aa6ef.jpg" alt="">
                                    <p class="carousel_li-text1">BC847C</p>
                                    <p class="carousel_li-text2">电子元器件</p>
                                    <p class="carousel_li-text3">￥0.065540</p>
                                </div>
                                <div class="carousel_li">
                                    <img class="carousel_li-pic0" src="../img/xianhuo-icon.png" alt="">
                                    <img class="carousel_li-pic" src="../img/3d3845d22b6aa6ef.jpg" alt="">
                                    <p class="carousel_li-text1">BC847C</p>
                                    <p class="carousel_li-text2">电子元器件</p>
                                    <p class="carousel_li-text3">￥0.065540</p>
                                </div>
                                <div class="carousel_li">
                                    <img class="carousel_li-pic0" src="../img/xianhuo-icon.png" alt="">
                                    <img class="carousel_li-pic" src="../img/3d3845d22b6aa6ef.jpg" alt="">
                                    <p class="carousel_li-text1">BC847C</p>
                                    <p class="carousel_li-text2">电子元器件</p>
                                    <p class="carousel_li-text3">￥0.065540</p>
                                </div>
                            </div>
                        </li>
                        <li class="hot-shop-right"><!-- itme -->
                            <div class="hot-shop-right-top"><!-- img -->
                                <div class="carousel_li">
                                    <img class="carousel_li-pic0" src="../img/xianhuo-icon.png" alt="">
                                    <img class="carousel_li-pic" src="../img/3d3845d22b6aa6ef.jpg" alt="">
                                    <p class="carousel_li-text1">BC847C</p>
                                    <p class="carousel_li-text2">电子元器件</p>
                                    <p class="carousel_li-text3">￥0.065540</p>
                                </div>
                                <div class="carousel_li">
                                    <img class="carousel_li-pic0" src="../img/xianhuo-icon.png" alt="">
                                    <img class="carousel_li-pic" src="../img/3d3845d22b6aa6ef.jpg" alt="">
                                    <p class="carousel_li-text1">BC847C</p>
                                    <p class="carousel_li-text2">电子元器件</p>
                                    <p class="carousel_li-text3">￥0.065540</p>
                                </div>
                                <div class="carousel_li">
                                    <img class="carousel_li-pic0" src="../img/xianhuo-icon.png" alt="">
                                    <img class="carousel_li-pic" src="../img/3d3845d22b6aa6ef.jpg" alt="">
                                    <p class="carousel_li-text1">BC847C</p>
                                    <p class="carousel_li-text2">电子元器件</p>
                                    <p class="carousel_li-text3">￥0.065540</p>
                                </div>
                                <div class="carousel_li">
                                    <img class="carousel_li-pic0" src="../img/xianhuo-icon.png" alt="">
                                    <img class="carousel_li-pic" src="../img/3d3845d22b6aa6ef.jpg" alt="">
                                    <p class="carousel_li-text1">BC847C</p>
                                    <p class="carousel_li-text2">电子元器件</p>
                                    <p class="carousel_li-text3">￥0.065540</p>
                                </div>
                                <div class="carousel_li">
                                    <img class="carousel_li-pic0" src="../img/xianhuo-icon.png" alt="">
                                    <img class="carousel_li-pic" src="../img/3d3845d22b6aa6ef.jpg" alt="">
                                    <p class="carousel_li-text1">BC847C</p>
                                    <p class="carousel_li-text2">电子元器件</p>
                                    <p class="carousel_li-text3">￥0.065540</p>
                                </div>
                            </div>
                        </li>
                        <li class="hot-shop-right"><!-- itme -->
                            <div class="hot-shop-right-top"><!-- img -->
                                <div class="carousel_li">
                                    <img class="carousel_li-pic0" src="../img/xianhuo-icon.png" alt="">
                                    <img class="carousel_li-pic" src="../img/3d3845d22b6aa6ef.jpg" alt="">
                                    <p class="carousel_li-text1">BC847C</p>
                                    <p class="carousel_li-text2">电子元器件</p>
                                    <p class="carousel_li-text3">￥0.065540</p>
                                </div>
                                <div class="carousel_li">
                                    <img class="carousel_li-pic0" src="../img/xianhuo-icon.png" alt="">
                                    <img class="carousel_li-pic" src="../img/3d3845d22b6aa6ef.jpg" alt="">
                                    <p class="carousel_li-text1">BC847C</p>
                                    <p class="carousel_li-text2">电子元器件</p>
                                    <p class="carousel_li-text3">￥0.065540</p>
                                </div>
                                <div class="carousel_li">
                                    <img class="carousel_li-pic0" src="../img/xianhuo-icon.png" alt="">
                                    <img class="carousel_li-pic" src="../img/3d3845d22b6aa6ef.jpg" alt="">
                                    <p class="carousel_li-text1">BC847C</p>
                                    <p class="carousel_li-text2">电子元器件</p>
                                    <p class="carousel_li-text3">￥0.065540</p>
                                </div>
                                <div class="carousel_li">
                                    <img class="carousel_li-pic0" src="../img/xianhuo-icon.png" alt="">
                                    <img class="carousel_li-pic" src="../img/3d3845d22b6aa6ef.jpg" alt="">
                                    <p class="carousel_li-text1">BC847C</p>
                                    <p class="carousel_li-text2">电子元器件</p>
                                    <p class="carousel_li-text3">￥0.065540</p>
                                </div>
                                <div class="carousel_li">
                                    <img class="carousel_li-pic0" src="../img/xianhuo-icon.png" alt="">
                                    <img class="carousel_li-pic" src="../img/3d3845d22b6aa6ef.jpg" alt="">
                                    <p class="carousel_li-text1">BC847C</p>
                                    <p class="carousel_li-text2">电子元器件</p>
                                    <p class="carousel_li-text3">￥0.065540</p>
                                </div>
                            </div>
                        </li>
                    </ul>
                    <!-- 焦点 -->
                    <div class="carousel__dots"><!-- circle-list -->
                        <span class="carousel__dot oncl_02"></span><!-- circle active -->
                        <span class="carousel__dot"></span><!-- circle -->
                        <span class="carousel__dot"></span><!-- circle -->
                    </div>
                </div>
                <a class="more" href="">更多 ></a>
            </div>
        </div>
        <div class="index-carousel">
            <div class="index-carousel-head">
                <div class="index-carousel-head-l">
                    <img class="index-carousel-head-l-img" src="../img/hot-icon.png" alt="">
                    <span class="index-carousel-head-l-tle">热门产品</span>
                </div>
                <div class="index-carousel-head-r">
                    <div><span class="prev3">&lt;</span></div><!-- prev -->
                    <div><span>1/3</span></div>
                    <div><span class="next3">&gt;</span></div><!-- next -->
                </div>
            </div>
            <a href=""><img class="hot-shop-left" src="../img/supply-goods.png" alt=""></a>
            <div class="carousel-box--2"><!-- carousel -->
                <div class="carousel-box_son--2"><!-- cal-list -->
                    <ul class="hot-shop-rights--2"><!-- viewpage -->
                        <li class="hot-shop-right--2"><!-- itme -->
                            <div class="hot-shop-right-top--2"><!-- pic -->
                                <div class="carousel_li">
                                    <img class="carousel_li-pic0" src="../img/xianhuo-icon.png" alt="">
                                    <img class="carousel_li-pic" src="../img/3d3845d22b6aa6ef.jpg" alt="">
                                    <p class="carousel_li-text1">BC847C</p>
                                    <p class="carousel_li-text2">电子元器件</p>
                                    <p class="carousel_li-text3">￥0.065540</p>
                                </div>
                                <div class="carousel_li">
                                    <img class="carousel_li-pic0" src="../img/xianhuo-icon.png" alt="">
                                    <img class="carousel_li-pic" src="../img/3d3845d22b6aa6ef.jpg" alt="">
                                    <p class="carousel_li-text1">BC847C</p>
                                    <p class="carousel_li-text2">电子元器件</p>
                                    <p class="carousel_li-text3">￥0.065540</p>
                                </div>
                                <div class="carousel_li">
                                    <img class="carousel_li-pic0" src="../img/xianhuo-icon.png" alt="">
                                    <img class="carousel_li-pic" src="../img/3d3845d22b6aa6ef.jpg" alt="">
                                    <p class="carousel_li-text1">BC847C</p>
                                    <p class="carousel_li-text2">电子元器件</p>
                                    <p class="carousel_li-text3">￥0.065540</p>
                                </div>
                                <div class="carousel_li">
                                    <img class="carousel_li-pic0" src="../img/xianhuo-icon.png" alt="">
                                    <img class="carousel_li-pic" src="../img/3d3845d22b6aa6ef.jpg" alt="">
                                    <p class="carousel_li-text1">BC847C</p>
                                    <p class="carousel_li-text2">电子元器件</p>
                                    <p class="carousel_li-text3">￥0.065540</p>
                                </div>
                                <div class="carousel_li">
                                    <img class="carousel_li-pic0" src="../img/xianhuo-icon.png" alt="">
                                    <img class="carousel_li-pic" src="../img/3d3845d22b6aa6ef.jpg" alt="">
                                    <p class="carousel_li-text1">BC847C</p>
                                    <p class="carousel_li-text2">电子元器件</p>
                                    <p class="carousel_li-text3">￥0.065540</p>
                                </div>
                            </div>
                        </li>
                        <li class="hot-shop-right--2"><!-- itme -->
                            <div class="hot-shop-right-top--2"><!-- img -->
                                <div class="carousel_li">
                                    <img class="carousel_li-pic0" src="../img/xianhuo-icon.png" alt="">
                                    <img class="carousel_li-pic" src="../img/3d3845d22b6aa6ef.jpg" alt="">
                                    <p class="carousel_li-text1">BC847C</p>
                                    <p class="carousel_li-text2">电子元器件</p>
                                    <p class="carousel_li-text3">￥0.065540</p>
                                </div>
                                <div class="carousel_li">
                                    <img class="carousel_li-pic0" src="../img/xianhuo-icon.png" alt="">
                                    <img class="carousel_li-pic" src="../img/3d3845d22b6aa6ef.jpg" alt="">
                                    <p class="carousel_li-text1">BC847C</p>
                                    <p class="carousel_li-text2">电子元器件</p>
                                    <p class="carousel_li-text3">￥0.065540</p>
                                </div>
                                <div class="carousel_li">
                                    <img class="carousel_li-pic0" src="../img/xianhuo-icon.png" alt="">
                                    <img class="carousel_li-pic" src="../img/3d3845d22b6aa6ef.jpg" alt="">
                                    <p class="carousel_li-text1">BC847C</p>
                                    <p class="carousel_li-text2">电子元器件</p>
                                    <p class="carousel_li-text3">￥0.065540</p>
                                </div>
                                <div class="carousel_li">
                                    <img class="carousel_li-pic0" src="../img/xianhuo-icon.png" alt="">
                                    <img class="carousel_li-pic" src="../img/3d3845d22b6aa6ef.jpg" alt="">
                                    <p class="carousel_li-text1">BC847C</p>
                                    <p class="carousel_li-text2">电子元器件</p>
                                    <p class="carousel_li-text3">￥0.065540</p>
                                </div>
                                <div class="carousel_li">
                                    <img class="carousel_li-pic0" src="../img/xianhuo-icon.png" alt="">
                                    <img class="carousel_li-pic" src="../img/3d3845d22b6aa6ef.jpg" alt="">
                                    <p class="carousel_li-text1">BC847C</p>
                                    <p class="carousel_li-text2">电子元器件</p>
                                    <p class="carousel_li-text3">￥0.065540</p>
                                </div>
                            </div>
                        </li>
                        <li class="hot-shop-right--2"><!-- itme -->
                            <div class="hot-shop-right-top--2"><!-- img -->
                                <div class="carousel_li">
                                    <img class="carousel_li-pic0" src="../img/xianhuo-icon.png" alt="">
                                    <img class="carousel_li-pic" src="../img/3d3845d22b6aa6ef.jpg" alt="">
                                    <p class="carousel_li-text1">BC847C</p>
                                    <p class="carousel_li-text2">电子元器件</p>
                                    <p class="carousel_li-text3">￥0.065540</p>
                                </div>
                                <div class="carousel_li">
                                    <img class="carousel_li-pic0" src="../img/xianhuo-icon.png" alt="">
                                    <img class="carousel_li-pic" src="../img/3d3845d22b6aa6ef.jpg" alt="">
                                    <p class="carousel_li-text1">BC847C</p>
                                    <p class="carousel_li-text2">电子元器件</p>
                                    <p class="carousel_li-text3">￥0.065540</p>
                                </div>
                                <div class="carousel_li">
                                    <img class="carousel_li-pic0" src="../img/xianhuo-icon.png" alt="">
                                    <img class="carousel_li-pic" src="../img/3d3845d22b6aa6ef.jpg" alt="">
                                    <p class="carousel_li-text1">BC847C</p>
                                    <p class="carousel_li-text2">电子元器件</p>
                                    <p class="carousel_li-text3">￥0.065540</p>
                                </div>
                                <div class="carousel_li">
                                    <img class="carousel_li-pic0" src="../img/xianhuo-icon.png" alt="">
                                    <img class="carousel_li-pic" src="../img/3d3845d22b6aa6ef.jpg" alt="">
                                    <p class="carousel_li-text1">BC847C</p>
                                    <p class="carousel_li-text2">电子元器件</p>
                                    <p class="carousel_li-text3">￥0.065540</p>
                                </div>
                                <div class="carousel_li">
                                    <img class="carousel_li-pic0" src="../img/xianhuo-icon.png" alt="">
                                    <img class="carousel_li-pic" src="../img/3d3845d22b6aa6ef.jpg" alt="">
                                    <p class="carousel_li-text1">BC847C</p>
                                    <p class="carousel_li-text2">电子元器件</p>
                                    <p class="carousel_li-text3">￥0.065540</p>
                                </div>
                            </div>
                        </li>
                        <li class="hot-shop-right--2"><!-- itme -->
                            <div class="hot-shop-right-top--2"><!-- img -->
                                <div class="carousel_li">
                                    <img class="carousel_li-pic0" src="../img/xianhuo-icon.png" alt="">
                                    <img class="carousel_li-pic" src="../img/3d3845d22b6aa6ef.jpg" alt="">
                                    <p class="carousel_li-text1">BC847C</p>
                                    <p class="carousel_li-text2">电子元器件</p>
                                    <p class="carousel_li-text3">￥0.065540</p>
                                </div>
                                <div class="carousel_li">
                                    <img class="carousel_li-pic0" src="../img/xianhuo-icon.png" alt="">
                                    <img class="carousel_li-pic" src="../img/3d3845d22b6aa6ef.jpg" alt="">
                                    <p class="carousel_li-text1">BC847C</p>
                                    <p class="carousel_li-text2">电子元器件</p>
                                    <p class="carousel_li-text3">￥0.065540</p>
                                </div>
                                <div class="carousel_li">
                                    <img class="carousel_li-pic0" src="../img/xianhuo-icon.png" alt="">
                                    <img class="carousel_li-pic" src="../img/3d3845d22b6aa6ef.jpg" alt="">
                                    <p class="carousel_li-text1">BC847C</p>
                                    <p class="carousel_li-text2">电子元器件</p>
                                    <p class="carousel_li-text3">￥0.065540</p>
                                </div>
                                <div class="carousel_li">
                                    <img class="carousel_li-pic0" src="../img/xianhuo-icon.png" alt="">
                                    <img class="carousel_li-pic" src="../img/3d3845d22b6aa6ef.jpg" alt="">
                                    <p class="carousel_li-text1">BC847C</p>
                                    <p class="carousel_li-text2">电子元器件</p>
                                    <p class="carousel_li-text3">￥0.065540</p>
                                </div>
                                <div class="carousel_li">
                                    <img class="carousel_li-pic0" src="../img/xianhuo-icon.png" alt="">
                                    <img class="carousel_li-pic" src="../img/3d3845d22b6aa6ef.jpg" alt="">
                                    <p class="carousel_li-text1">BC847C</p>
                                    <p class="carousel_li-text2">电子元器件</p>
                                    <p class="carousel_li-text3">￥0.065540</p>
                                </div>
                            </div>
                        </li>
                    </ul>
                    <!-- 焦点 -->
                    <div class="carousel__dots--2"><!-- circle-list -->
                        <span class="carousel__dot--2 oncl_02--2"></span><!-- circle active -->
                        <span class="carousel__dot--2"></span><!-- circle -->
                        <span class="carousel__dot--2"></span><!-- circle -->
                    </div>
                </div>
                <a class="more" href="">更多 ></a>
            </div>
        </div>
        <div class="index-carousel">
            <div class="index-carousel-head">
                <div class="index-carousel-head-l">
                    <img class="index-carousel-head-l-img" src="../img/hot-icon.png" alt="">
                    <span class="index-carousel-head-l-tle">热门产品</span>
                </div>
                <div class="index-carousel-head-r">
                    <div><span class="prev4">&lt;</span></div><!-- prev -->
                    <div><span>1/3</span></div>
                    <div><span class="next4">&gt;</span></div><!-- next -->
                </div>
            </div>
            <a href=""><img class="hot-shop-left" src="../img/origin-stock.png" alt=""></a>
            <div class="carousel-box--4"><!-- carousel -->
                <div class="carousel-box_son--4"><!-- cal-list -->
                    <ul class="hot-shop-rights--4"><!-- viewpage -->
                        <li class="hot-shop-right--4"><!-- itme -->
                            <div class="hot-shop-right-top--4"><!-- pic -->
                                <div class="carousel_li">
                                    <img class="carousel_li-pic0" src="../img/xianhuo-icon.png" alt="">
                                    <img class="carousel_li-pic" src="../img/3d3845d22b6aa6ef.jpg" alt="">
                                    <p class="carousel_li-text1">BC847C</p>
                                    <p class="carousel_li-text2">电子元器件</p>
                                    <p class="carousel_li-text3">￥0.065540</p>
                                </div>
                                <div class="carousel_li">
                                    <img class="carousel_li-pic0" src="../img/xianhuo-icon.png" alt="">
                                    <img class="carousel_li-pic" src="../img/3d3845d22b6aa6ef.jpg" alt="">
                                    <p class="carousel_li-text1">BC847C</p>
                                    <p class="carousel_li-text2">电子元器件</p>
                                    <p class="carousel_li-text3">￥0.065540</p>
                                </div>
                                <div class="carousel_li">
                                    <img class="carousel_li-pic0" src="../img/xianhuo-icon.png" alt="">
                                    <img class="carousel_li-pic" src="../img/3d3845d22b6aa6ef.jpg" alt="">
                                    <p class="carousel_li-text1">BC847C</p>
                                    <p class="carousel_li-text2">电子元器件</p>
                                    <p class="carousel_li-text3">￥0.065540</p>
                                </div>
                                <div class="carousel_li">
                                    <img class="carousel_li-pic0" src="../img/xianhuo-icon.png" alt="">
                                    <img class="carousel_li-pic" src="../img/3d3845d22b6aa6ef.jpg" alt="">
                                    <p class="carousel_li-text1">BC847C</p>
                                    <p class="carousel_li-text2">电子元器件</p>
                                    <p class="carousel_li-text3">￥0.065540</p>
                                </div>
                                <div class="carousel_li">
                                    <img class="carousel_li-pic0" src="../img/xianhuo-icon.png" alt="">
                                    <img class="carousel_li-pic" src="../img/3d3845d22b6aa6ef.jpg" alt="">
                                    <p class="carousel_li-text1">BC847C</p>
                                    <p class="carousel_li-text2">电子元器件</p>
                                    <p class="carousel_li-text3">￥0.065540</p>
                                </div>
                            </div>
                        </li>
                        <li class="hot-shop-right--4"><!-- itme -->
                            <div class="hot-shop-right-top--4"><!-- img -->
                                <div class="carousel_li">
                                    <img class="carousel_li-pic0" src="../img/xianhuo-icon.png" alt="">
                                    <img class="carousel_li-pic" src="../img/3d3845d22b6aa6ef.jpg" alt="">
                                    <p class="carousel_li-text1">BC847C</p>
                                    <p class="carousel_li-text2">电子元器件</p>
                                    <p class="carousel_li-text3">￥0.065540</p>
                                </div>
                                <div class="carousel_li">
                                    <img class="carousel_li-pic0" src="../img/xianhuo-icon.png" alt="">
                                    <img class="carousel_li-pic" src="../img/3d3845d22b6aa6ef.jpg" alt="">
                                    <p class="carousel_li-text1">BC847C</p>
                                    <p class="carousel_li-text2">电子元器件</p>
                                    <p class="carousel_li-text3">￥0.065540</p>
                                </div>
                                <div class="carousel_li">
                                    <img class="carousel_li-pic0" src="../img/xianhuo-icon.png" alt="">
                                    <img class="carousel_li-pic" src="../img/3d3845d22b6aa6ef.jpg" alt="">
                                    <p class="carousel_li-text1">BC847C</p>
                                    <p class="carousel_li-text2">电子元器件</p>
                                    <p class="carousel_li-text3">￥0.065540</p>
                                </div>
                                <div class="carousel_li">
                                    <img class="carousel_li-pic0" src="../img/xianhuo-icon.png" alt="">
                                    <img class="carousel_li-pic" src="../img/3d3845d22b6aa6ef.jpg" alt="">
                                    <p class="carousel_li-text1">BC847C</p>
                                    <p class="carousel_li-text2">电子元器件</p>
                                    <p class="carousel_li-text3">￥0.065540</p>
                                </div>
                                <div class="carousel_li">
                                    <img class="carousel_li-pic0" src="../img/xianhuo-icon.png" alt="">
                                    <img class="carousel_li-pic" src="../img/3d3845d22b6aa6ef.jpg" alt="">
                                    <p class="carousel_li-text1">BC847C</p>
                                    <p class="carousel_li-text2">电子元器件</p>
                                    <p class="carousel_li-text3">￥0.065540</p>
                                </div>
                            </div>
                        </li>
                        <li class="hot-shop-right--4"><!-- itme -->
                            <div class="hot-shop-right-top--4"><!-- img -->
                                <div class="carousel_li">
                                    <img class="carousel_li-pic0" src="../img/xianhuo-icon.png" alt="">
                                    <img class="carousel_li-pic" src="../img/3d3845d22b6aa6ef.jpg" alt="">
                                    <p class="carousel_li-text1">BC847C</p>
                                    <p class="carousel_li-text2">电子元器件</p>
                                    <p class="carousel_li-text3">￥0.065540</p>
                                </div>
                                <div class="carousel_li">
                                    <img class="carousel_li-pic0" src="../img/xianhuo-icon.png" alt="">
                                    <img class="carousel_li-pic" src="../img/3d3845d22b6aa6ef.jpg" alt="">
                                    <p class="carousel_li-text1">BC847C</p>
                                    <p class="carousel_li-text2">电子元器件</p>
                                    <p class="carousel_li-text3">￥0.065540</p>
                                </div>
                                <div class="carousel_li">
                                    <img class="carousel_li-pic0" src="../img/xianhuo-icon.png" alt="">
                                    <img class="carousel_li-pic" src="../img/3d3845d22b6aa6ef.jpg" alt="">
                                    <p class="carousel_li-text1">BC847C</p>
                                    <p class="carousel_li-text2">电子元器件</p>
                                    <p class="carousel_li-text3">￥0.065540</p>
                                </div>
                                <div class="carousel_li">
                                    <img class="carousel_li-pic0" src="../img/xianhuo-icon.png" alt="">
                                    <img class="carousel_li-pic" src="../img/3d3845d22b6aa6ef.jpg" alt="">
                                    <p class="carousel_li-text1">BC847C</p>
                                    <p class="carousel_li-text2">电子元器件</p>
                                    <p class="carousel_li-text3">￥0.065540</p>
                                </div>
                                <div class="carousel_li">
                                    <img class="carousel_li-pic0" src="../img/xianhuo-icon.png" alt="">
                                    <img class="carousel_li-pic" src="../img/3d3845d22b6aa6ef.jpg" alt="">
                                    <p class="carousel_li-text1">BC847C</p>
                                    <p class="carousel_li-text2">电子元器件</p>
                                    <p class="carousel_li-text3">￥0.065540</p>
                                </div>
                            </div>
                        </li>
                        <li class="hot-shop-right--4"><!-- itme -->
                            <div class="hot-shop-right-top--4"><!-- img -->
                                <div class="carousel_li">
                                    <img class="carousel_li-pic0" src="../img/xianhuo-icon.png" alt="">
                                    <img class="carousel_li-pic" src="../img/3d3845d22b6aa6ef.jpg" alt="">
                                    <p class="carousel_li-text1">BC847C</p>
                                    <p class="carousel_li-text2">电子元器件</p>
                                    <p class="carousel_li-text3">￥0.065540</p>
                                </div>
                                <div class="carousel_li">
                                    <img class="carousel_li-pic0" src="../img/xianhuo-icon.png" alt="">
                                    <img class="carousel_li-pic" src="../img/3d3845d22b6aa6ef.jpg" alt="">
                                    <p class="carousel_li-text1">BC847C</p>
                                    <p class="carousel_li-text2">电子元器件</p>
                                    <p class="carousel_li-text3">￥0.065540</p>
                                </div>
                                <div class="carousel_li">
                                    <img class="carousel_li-pic0" src="../img/xianhuo-icon.png" alt="">
                                    <img class="carousel_li-pic" src="../img/3d3845d22b6aa6ef.jpg" alt="">
                                    <p class="carousel_li-text1">BC847C</p>
                                    <p class="carousel_li-text2">电子元器件</p>
                                    <p class="carousel_li-text3">￥0.065540</p>
                                </div>
                                <div class="carousel_li">
                                    <img class="carousel_li-pic0" src="../img/xianhuo-icon.png" alt="">
                                    <img class="carousel_li-pic" src="../img/3d3845d22b6aa6ef.jpg" alt="">
                                    <p class="carousel_li-text1">BC847C</p>
                                    <p class="carousel_li-text2">电子元器件</p>
                                    <p class="carousel_li-text3">￥0.065540</p>
                                </div>
                                <div class="carousel_li">
                                    <img class="carousel_li-pic0" src="../img/xianhuo-icon.png" alt="">
                                    <img class="carousel_li-pic" src="../img/3d3845d22b6aa6ef.jpg" alt="">
                                    <p class="carousel_li-text1">BC847C</p>
                                    <p class="carousel_li-text2">电子元器件</p>
                                    <p class="carousel_li-text3">￥0.065540</p>
                                </div>
                            </div>
                        </li>
                    </ul>
                    <!-- 焦点 -->
                    <div class="carousel__dots--4"><!-- circle-list -->
                        <span class="carousel__dot--4 oncl_02--4"></span><!-- circle active -->
                        <span class="carousel__dot--4"></span><!-- circle -->
                        <span class="carousel__dot--4"></span><!-- circle -->
                    </div>
                </div>
                <a class="more" href="">更多 ></a>
            </div>
        </div>
        <div class="index-carousel">
            <div class="index-carousel-head">
                <div class="index-carousel-head-l">
                    <img class="index-carousel-head-l-img" src="../img/hot-icon.png" alt="">
                    <span class="index-carousel-head-l-tle">热门产品</span>
                </div>
            </div>
            <a href=""><img class="hot-shop-left" src="../img/index_left_01.png" alt=""></a>
            <div class="carousel-box">
                <a class="hot-imgs" href="">
                    <img class="hot-img" src="../img/home-link-01.png" alt="">
                    <div class="hot-img-tip">
                        <p class="hot-imgs-text-base1">超级电容</p>
                        <span class="hot-imgs-text-base2">充电快，寿命长</span>
                    </div>
                </a>
                <a class="hot-imgs" href="">
                    <img class="hot-img" src="../img/home-link-02.png" alt="">
                    <div class="hot-img-tip">
                        <p class="hot-imgs-text-base1">超级电容</p>
                        <span class="hot-imgs-text-base2">充电快，寿命长</span>
                    </div>
                </a>
                <a class="hot-imgs" href="">
                    <img class="hot-img" src="../img/home-link-03.png" alt="">
                    <div class="hot-img-tip">
                        <p class="hot-imgs-text-base1">超级电容</p>
                        <span class="hot-imgs-text-base2">充电快，寿命长</span>
                    </div>
                </a>
                <a class="hot-imgs" href="">
                    <img class="hot-img" src="../img/home-link-04.png" alt="">
                    <div class="hot-img-tip">
                        <p class="hot-imgs-text-base1">超级电容</p>
                        <span class="hot-imgs-text-base2">充电快，寿命长</span>
                    </div>
                </a>
                <a class="hot-imgs" href="">
                    <img class="hot-img" src="../img/home-link-05.png" alt="">
                    <div class="hot-img-tip">
                        <p class="hot-imgs-text-base1">超级电容</p>
                        <span class="hot-imgs-text-base2">充电快，寿命长</span>
                    </div>
                </a>
                <a class="hot-imgs" href="">
                    <img class="hot-img" src="../img/home-link-06.png" alt="">
                    <div class="hot-img-tip">
                        <p class="hot-imgs-text-base1">超级电容</p>
                        <span class="hot-imgs-text-base2">充电快，寿命长</span>
                    </div>
                </a>
            </div>
        </div>
        <div class="index-carousel">
            <div class="index-carousel-head">
                <div class="index-carousel-head-l">
                    <img class="index-carousel-head-l-img" src="../img/hot-icon.png" alt="">
                    <span class="index-carousel-head-l-tle">热门产品</span>
                </div>
            </div>
            <a href=""><img class="hot-shop-left" src="../img/index_left_02.png" alt=""></a>
            <div class="carousel-box_2">
                <a class="hot-imgs" href="">
                    <img class="hot-img" src="../img/home-link-07.png" alt="">
                    <div class="hot-img-tip">
                        <p class="hot-imgs-text-base1">超级电容</p>
                        <span class="hot-imgs-text-base2">充电快，寿命长</span>
                    </div>
                </a>
                <a class="hot-imgs" href="">
                    <img class="hot-img" src="../img/home-link-08.png" alt="">
                    <div class="hot-img-tip">
                        <p class="hot-imgs-text-base1">超级电容</p>
                        <span class="hot-imgs-text-base2">充电快，寿命长</span>
                    </div>
                </a>
                <a class="hot-imgs" href="">
                    <img class="hot-img" src="../img/home-link-09.png" alt="">
                    <div class="hot-img-tip">
                        <p class="hot-imgs-text-base1">超级电容</p>
                        <span class="hot-imgs-text-base2">充电快，寿命长</span>
                    </div>
                </a>
                <a class="hot-imgs" href="">
                    <img class="hot-img" src="../img/home-link-10.png" alt="">
                    <div class="hot-img-tip">
                        <p class="hot-imgs-text-base1">超级电容</p>
                        <span class="hot-imgs-text-base2">充电快，寿命长</span>
                    </div>
                </a>
                <a class="hot-imgs" href="">
                    <img class="hot-img" src="../img/home-link-11.png" alt="">
                    <div class="hot-img-tip">
                        <p class="hot-imgs-text-base1">超级电容</p>
                        <span class="hot-imgs-text-base2">充电快，寿命长</span>
                    </div>
                </a>
                <a class="hot-imgs" href="">
                    <img class="hot-img" src="../img/home-link-12.png" alt="">
                    <div class="hot-img-tip">
                        <p class="hot-imgs-text-base1">超级电容</p>
                        <span class="hot-imgs-text-base2">充电快，寿命长</span>
                    </div>
                </a>
            </div>
        </div>
        <div class="index-carousel">
            <div class="index-carousel-head">
                <div class="index-carousel-head-l">
                    <img class="index-carousel-head-l-img" src="../img/hot-icon.png" alt="">
                    <span class="index-carousel-head-l-tle">热门产品</span>
                </div>
            </div>
            <a href=""><img class="hot-shop-left" src="../img/index_left_03.png" alt=""></a>
            <div class="carousel-box_2">
                <a class="hot-imgs" href="">
                    <img class="hot-img" src="../img/home-link-13.png" alt="">
                    <div class="hot-img-tip">
                        <p class="hot-imgs-text-base1">超级电容</p>
                        <span class="hot-imgs-text-base2">充电快，寿命长</span>
                    </div>
                </a>
                <a class="hot-imgs" href="">
                    <img class="hot-img" src="../img/home-link-14.png" alt="">
                    <div class="hot-img-tip">
                        <p class="hot-imgs-text-base1">超级电容</p>
                        <span class="hot-imgs-text-base2">充电快，寿命长</span>
                    </div>
                </a>
                <a class="hot-imgs" href="">
                    <img class="hot-img" src="../img/home-link-15.png" alt="">
                    <div class="hot-img-tip">
                        <p class="hot-imgs-text-base1">超级电容</p>
                        <span class="hot-imgs-text-base2">充电快，寿命长</span>
                    </div>
                </a>
                <a class="hot-imgs" href="">
                    <img class="hot-img" src="../img/home-link-16.png" alt="">
                    <div class="hot-img-tip">
                        <p class="hot-imgs-text-base1">超级电容</p>
                        <span class="hot-imgs-text-base2">充电快，寿命长</span>
                    </div>
                </a>
                <a class="hot-imgs" href="">
                    <img class="hot-img" src="../img/home-link-17.png" alt="">
                    <div class="hot-img-tip">
                        <p class="hot-imgs-text-base1">超级电容</p>
                        <span class="hot-imgs-text-base2">充电快，寿命长</span>
                    </div>
                </a>
                <a class="hot-imgs" href="">
                    <img class="hot-img" src="../img/home-link-18.png" alt="">
                    <div class="hot-img-tip">
                        <p class="hot-imgs-text-base1">超级电容</p>
                        <span class="hot-imgs-text-base2">充电快，寿命长</span>
                    </div>
                </a>
            </div>
        </div>
        <div class="index-supplier">
            <div class="index-supplier-l">
                <div class="hot-brand">
                    <a class="hot-brand-link" href="">热门品牌</a>
                    <div class="good-stock-ctrl">
                        <div>
                            <span>
                                < </span>
                        </div>
                        <div><span>1/2</span></div>
                        <div><span>></span></div>
                    </div>
                </div>
                <div class="_carousel-18dhnv">
                    <div class="_carousel-18dhnv-son">
                        <div class="supplier-item">
                            <img class="supplier-item-img" src="../img/index-brand-15.jpg" alt="">
                        </div>
                        <div class="supplier-item">
                            <img class="supplier-item-img" src="../img/index-brand-04.png" alt="">
                        </div>
                        <div class="supplier-item">
                            <img class="supplier-item-img" src="../img/index-brand-01.png" alt="">
                        </div>
                        <div class="supplier-item">
                            <img class="supplier-item-img" src="../img/index-brand-08.png" alt="">
                        </div>
                        <div class="supplier-item">
                            <img class="supplier-item-img" src="../img/index-brand-02.png" alt="">
                        </div>
                        <div class="supplier-item">
                            <img class="supplier-item-img" src="../img/index-brand-09.png" alt="">
                        </div>
                        <div class="supplier-item">
                            <img class="supplier-item-img" src="../img/index-brand-03.png" alt="">
                        </div>
                        <div class="supplier-item">
                            <img class="supplier-item-img" src="../img/index-brand-10.png" alt="">
                        </div>
                        <div class="supplier-item">
                            <img class="supplier-item-img" src="../img/index-brand-04.png" alt="">
                        </div>
                        <div class="supplier-item">
                            <img class="supplier-item-img" src="../img/index-brand-11.png" alt="">
                        </div>

                    </div>
                </div>
            </div>
            <div class="index-supplier-r">
                <div class="r-hot-brand">
                    <span> 最新交易 </span>
                </div>
                <div class="index-supplier-r-top">
                    <p class="top-1">客户</p>
                    <p class="top-2">订单编号</p>
                    <p class="top-3">下单金额</p>
                    <p class="top-4">状态</p>
                </div>
                <div class="bd-box"><!-- carousel -->
                    <div class="bd"><!-- cal-list -->
                        <ul class="bd-box-son"><!-- ul  viewpage -->
                            <li class="ul_1"><!-- li itme -->
                                <p class="li_1">17***11</p>
                                <p class="li_2">SM2024****9c87</p>
                                <p class="li_3">4306</p>
                                <p class="li_4">待审核</p>
                            </li>
                            <li class="ul_1"><!-- li itme -->
                                <p class="li_1">17***11</p>
                                <p class="li_2">SM2024****9c87</p>
                                <p class="li_3">4306</p>
                                <p class="li_4">待审核</p>
                            </li>
                            <li class="ul_1"><!-- li itme -->
                                <p class="li_1">17***11</p>
                                <p class="li_2">SM2024****9c87</p>
                                <p class="li_3">4306</p>
                                <p class="li_4">待审核</p>
                            </li>
                            <li class="ul_1"><!-- li itme -->
                                <p class="li_1">17***11</p>
                                <p class="li_2">SM2024****9c87</p>
                                <p class="li_3">4306</p>
                                <p class="li_4">待审核</p>
                            </li>
                            <li class="ul_1"><!-- li itme -->
                                <p class="li_1">17***11</p>
                                <p class="li_2">SM2024****9c87</p>
                                <p class="li_3">4306</p>
                                <p class="li_4">待审核</p>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="index-news ">
            <div class="index-carousel-head">
                <div class="index-carousel-head-l">
                    <img class="index-carousel-head-l-img" src="../img/hot-icon.png" alt="">
                    <span class="index-carousel-head-l-tle">新闻资讯</span>
                </div>

            </div>
            <div class="index-news-son">
                <div class="index-news-son-l">
                    <div class="new-img-box">
                        <img class="new-img" src="../img/a416bae4-703b-4bec-b43d-b15600e8ce1c.jpg" alt="">
                    </div>
                    <div class="news-descript">
                        <a class="news-descript-tle" href="">
                            <div class="news-descript-tle1">华为Pura 70 Ultra/Pro今日开售！</div>
                            <div class="news-descript-tle2">2024-04-18</div>
                        </a>
                        <p class="news-descript-text">深铭易购资讯：4月18日，华为Pura 70系列正式发布，包括新一代超聚光主摄和6.8英寸OLED显示屏，配备鸿蒙HarmonyOS
                            4.2，开启先锋计划。</p>
                    </div>
                </div>
                <div class="index-news-son-r">
                    <div class="i-n-r-l">
                        <ul>
                            <li class="ul_2">
                                <a class="ul_2-link" href="">英特尔完成首台商用高NA EUV光刻机组装</a>
                                <span>2024-04-18</span>
                            </li>
                            <li class="ul_2">
                                <a class="ul_2-link" href="">台积电拿下SK海力士HBM4大单</a>
                                <span>2024-04-18</span>
                            </li>
                            <li class="ul_2">
                                <a class="ul_2-link" href="">华为Pura 70 Ultra/Pro今日开售！</a>
                                <span>2024-04-18</span>
                            </li>
                            <li class="ul_2">
                                <a class="ul_2-link" href="">ASML一季度营收52.9亿欧元，同比下降21%</a>
                                <span>2024-04-18</span>
                            </li>
                            <li class="ul_2">
                                <a class="ul_2-link" href="">三星开发出业界最快10.7Gbps LPDDR5X DRAM</a>
                                <span>2024-04-18</span>
                            </li>
                            <li class="ul_2">
                                <a class="ul_2-link" href="">AMD推出锐龙PRO 8040/8000系列AI芯片</a>
                                <span>2024-04-18</span>
                            </li>
                            <li class="ul_2">
                                <a class="ul_2-link" href="">ExpoElectronica 2024：俄罗斯电子展 精彩开幕！</a>
                                <span>2024-04-18</span>
                            </li>
                            <li class="ul_2">
                                <a class="ul_2-link" href="">力积电：预估地震芯片损失超1亿元，Q2出货降5%-8%</a>
                                <span>2024-04-18</span>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="public-foot">
            <div class="public-footer">
                <div class="foot-boot">
                    <div class="foot-boot-son">
                        <img class="foot-boot-son-img" src="../img/footer_certified_product.png" alt="">
                        <div class="foot-boot-son-text">
                            <p class="foot-boot-son-1">正品保障</p>
                            <p class="foot-boot-son-2">原厂授权 严格把关</p>
                        </div>
                    </div>
                    <div class="foot-boot-son">
                        <img class="foot-boot-son-img" src="../img/footer_spot_goods.png" alt="">
                        <div class="foot-boot-son-text">
                            <p class="foot-boot-son-1">海量现货</p>
                            <p class="foot-boot-son-2">智能仓储 快速交货</p>
                        </div>
                    </div>
                    <div class="foot-boot-son">
                        <img class="foot-boot-son-img" src="../img/footer_price.png" alt="">
                        <div class="foot-boot-son-text">
                            <p class="foot-boot-son-1">价格优势</p>
                            <p class="foot-boot-son-2">明码标价 买的实惠</p>
                        </div>
                    </div>
                    <div class="foot-boot-son">
                        <img class="foot-boot-son-img" src="../img/footer_procure.png" alt="">
                        <div class="foot-boot-son-text">
                            <p class="foot-boot-son-1">一站式采购</p>
                            <p class="foot-boot-son-2" style="width: 123px;">BOM配单 节约时间</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="footer">
        <div class="new-foot">
            <div class="new-foot-top">
                <div class="new-foot-left">
                    <div class="new-foot-left-item_1">
                        <p class="new-foot-left-item-tle">购物指南</p>
                        <p class="foot-left-item-content"><a class="foot-left-item-content-link" href="">常见问题</a></p>
                        <p class="foot-left-item-content"><a class="foot-left-item-content-link" href="">购物流程</a></p>
                        <p class="foot-left-item-content"><a class="foot-left-item-content-link" href="">用户协议</a></p>
                        <p class="foot-left-item-content"><a class="foot-left-item-content-link" href="">隐私协议</a></p>
                    </div>
                    <div class="new-foot-left-item_2">
                        <p class="new-foot-left-item-tle">支付/配送</p>
                        <p class="foot-left-item-content"><a class="foot-left-item-content-link" href="">在线支付</a></p>
                        <p class="foot-left-item-content"><a class="foot-left-item-content-link" href="">上门自提</a></p>
                        <p class="foot-left-item-content"><a class="foot-left-item-content-link" href="">快递运输</a></p>
                    </div>
                    <div class="new-foot-left-item_1">
                        <p class="new-foot-left-item-tle">售后服务</p>
                        <p class="foot-left-item-content"><a class="foot-left-item-content-link" href="">退换货流程</a></p>
                        <p class="foot-left-item-content"><a class="foot-left-item-content-link" href="">送货和验货</a></p>
                        <p class="foot-left-item-content"><a class="foot-left-item-content-link" href="">建议与投诉</a></p>
                    </div>
                    <div class="new-foot-left-item_1">
                        <p class="new-foot-left-item-tle">关于我们</p>
                        <p class="foot-left-item-content"><a class="foot-left-item-content-link" href="">公司简介</a></p>
                        <p class="foot-left-item-content"><a class="foot-left-item-content-link" href="">企业资质</a></p>
                        <p class="foot-left-item-content"><a class="foot-left-item-content-link" href="">加入我们</a></p>
                        <p class="foot-left-item-content"><a class="foot-left-item-content-link" href="">联系我们</a></p>
                    </div>
                    <div class="new-foot-left-item_3">
                        <p class="new-foot-left-item-tle">联系我们</p>
                        <p class="foot-left-item-content"><a class="foot-left-item-content-link" href="">网站地图</a></p>
                        <p class="foot-left-item-content"><a class="foot-left-item-content-link" href="">服务热线:
                                0755-82722888</a></p>
                        <p class="foot-left-item-content"><a class="foot-left-item-content-link" href="">邮箱:
                                smyg@szsmyg.com</a></p>
                    </div>
                </div>
                <div class="new-foot-right">
                    <p class="new-foot-right-text">微信公众号</p>
                    <div>
                        <img class="new-foot-right-img" src="../img/smyg-wxgzh.jpg" alt="">
                    </div>
                </div>
            </div>
            <div class="new-footer-index">
                <a class="new-footer-index-link_1" href=""> 元器件索引: </a>
                <a class="new-footer-index-link" href="">A</a>
                <a class="new-footer-index-link" href="">B</a>
                <a class="new-footer-index-link" href="">C</a>
                <a class="new-footer-index-link" href="">D</a>
                <a class="new-footer-index-link" href="">E</a>
                <a class="new-footer-index-link" href="">F</a>
                <a class="new-footer-index-link" href="">G</a>
                <a class="new-footer-index-link" href="">H</a>
                <a class="new-footer-index-link" href="">I</a>
                <a class="new-footer-index-link" href="">J</a>
                <a class="new-footer-index-link" href="">K</a>
                <a class="new-footer-index-link" href="">L</a>
                <a class="new-footer-index-link" href="">M</a>
                <a class="new-footer-index-link" href="">N</a>
                <a class="new-footer-index-link" href="">O</a>
                <a class="new-footer-index-link" href="">P</a>
                <a class="new-footer-index-link" href="">Q</a>
                <a class="new-footer-index-link" href="">R</a>
                <a class="new-footer-index-link" href="">S</a>
                <a class="new-footer-index-link" href="">T</a>
                <a class="new-footer-index-link" href="">U</a>
                <a class="new-footer-index-link" href="">V</a>
                <a class="new-footer-index-link" href="">W</a>
                <a class="new-footer-index-link" href="">X</a>
                <a class="new-footer-index-link" href="">Y</a>
                <a class="new-footer-index-link" href="">Z</a>
                <a class="new-footer-index-link" href="">0</a>
                <a class="new-footer-index-link" href="">1</a>
                <a class="new-footer-index-link" href="">2</a>
                <a class="new-footer-index-link" href="">3</a>
                <a class="new-footer-index-link" href="">4</a>
                <a class="new-footer-index-link" href="">5</a>
                <a class="new-footer-index-link" href="">6</a>
                <a class="new-footer-index-link" href="">7</a>
                <a class="new-footer-index-link" href="">8</a>
                <a class="new-footer-index-link" href="">9</a>
            </div>
            <div class="new-footer">
                <div class="new_foot_nav">
                    <p class="new_foot_nav_tle">友情链接: </p>
                    <div class="new_foot_nav_content">
                        <a class="new_foot_nav_link" href="">电子元器件网上商城</a>
                        <a class="new_foot_nav_link" href="">SMBOM</a>
                        <a class="new_foot_nav_link" href="">SMYG LIMITED</a>
                        <a class="new_foot_nav_link" href="">容乐电子</a>
                        <a class="new_foot_nav_link" href="">元器猫</a>
                        <a class="new_foot_nav_link" href="">家电网</a>
                        <a class="new_foot_nav_link" href="">电子展</a>
                        <a class="new_foot_nav_link" href="">电子工程网</a>
                        <a class="new_foot_nav_link" href="">OFweek商城</a>
                        <a class="new_foot_nav_link" href="">卓强IC网</a>
                        <a class="new_foot_nav_link" href="">容源电子网</a>
                        <a class="new_foot_nav_link" href="">51IC网</a>
                        <a class="new_foot_nav_link" href="">LED在线</a>
                        <a class="new_foot_nav_link" href="">百能云芯</a>
                        <a class="new_foot_nav_link" href="">IC技术资料网</a>
                        <a class="new_foot_nav_link" href="">电蜂优选</a>
                        <a class="new_foot_nav_link" href="">兰瑟电子</a>
                        <a class="new_foot_nav_link" href="">EDA365电子论坛</a>
                        <a class="new_foot_nav_link" href="">民营企业网</a>
                        <a class="new_foot_nav_link" href="">佳名兴电容</a>
                        <a class="new_foot_nav_link" href="">查IC网</a>
                        <a class="new_foot_nav_link" href="">中国IC网</a>
                        <a class="new_foot_nav_link" href="">靖邦</a>
                        <a class="new_foot_nav_link" href="">唯样商城</a>
                        <a class="new_foot_nav_link" href="">电子元器件</a>
                        <a class="new_foot_nav_link" href="">模切之家3</a>


                    </div>
                </div>
                <div class="foor-ico">
                    <img class="foor-ico-img" src="../img/pay.png" alt="">
                </div>
                <div class="footer-text">
                    <p class="footer-text_one">
                        <img src="../img/govIcon2.d0289dc0.png" alt="">
                        <a class="footer-text_one_1"
                            href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=44030402003987">粤公网安备
                            44030402003987号 </a>
                        <a class="footer-text_one_2" href="http://beian.miit.gov.cn/"> 粤ICP备17023760号 </a>
                    </p>
                    © 2017-2023 深圳市深铭易购商务有限公司 版权所有
                    <div class="br01"></div>
                    公司地址：深圳市罗湖区宝安北路1007号halo广场三期6楼
                    <p class="footer-text_two">
                        <a href="https://szcert.ebs.org.cn/4e75434f-b314-46f0-8e21-dde9b1673579">
                            <img class="footer-text_two_1" src="../img/newGovIcon.gif" alt="">
                        </a>
                        <a href="https://www.szsmyg.com/images/upload_pic/zhengshu.png">
                            <img class="footer-text_two_2" src="../img/ios.png" alt="">
                        </a>
                    </p>
                </div>
            </div>
        </div>
    </div>
    <div class="sidebar">
        <div class="sidebar-box">
            <div class="sidebarItem ">
                <img class="sidebarItem-logo" src="../img/person.png" alt="">
            </div>
            <div class="sidebarItem ">
                <img class="sidebarItem-logo" src="../img/cart (1).png" alt="">
            </div>
            <div class="sidebarItem ">
                <img class="sidebarItem-logo" src="../img/coupon.png" alt="">
            </div>
            <div class="sidebarItem ">
                <img class="sidebarItem-logo" src="../img/waiter.png" alt="">
            </div>
            <div class="sidebarItem ">
                <img class="sidebarItem-logo" src="../img/QQ.png" alt="">
            </div>
            <div class="sidebarItem ">
                <img class="sidebarItem-logo" src="../img/weixin.png" alt="">
            </div>
        </div>
    </div>
</body>
<script src="../js/animationutils.js"></script>
<script>
    window.onclick = function () {
        var tabs = document.getElementsByClassName('tab');
        var panel_zixun = document.getElementsByClassName('panel-zixun');
        for (let i = 0; i < tabs.length; i++) {
            tabs[i].addEventListener('click', function () {
                for (let j = 0; j < tabs.length; j++) {
                    tabs[j].classList.remove('selscted');
                }
                for (let k = 0; k < panel_zixun.length; k++) {
                    panel_zixun[k].style.display = 'none';
                }
                tabs[i].classList.add('selscted');
                panel_zixun[i].style.display = 'block';
            });
        }
    }


    var viewpage = document.getElementsByClassName('viewpage')[0];
    var itmes = document.getElementsByClassName('itme');
    var calList = document.getElementsByClassName('cal-list')[0];
    var prev = document.getElementsByClassName('prev')[0];
    var next = document.getElementsByClassName('next')[0];
    var circles = document.getElementsByClassName("circle");
    var index = 0;
    var circleIndex = 0;
    //自动轮播
    function autoplay() {
        inteID = setInterval(function () {
            //直接引用后面的相同代码
            next.onclick();
        }, 2000)
    }
    autoplay();

    //悬停暂停.离开暂停
    calList.onmouseover = function () {
        clearInterval(inteID);
        next.style.display = 'block';
        prev.style.display = 'block';
    }
    calList.onmouseleave = function () {
        autoplay();
        next.style.display = 'none';
        prev.style.display = 'none';
    }

    // 点击下一个调用autoplay
    next.onclick = function () {
        index++;
        circleIndex++;
        if (index >= itmes.length) {
            index = 1;
            viewpage.style.left = '0px';
        }
        if (circleIndex >= circles.length) {
            circleIndex = 0;
        }
        initCircleColor();
        circles[circleIndex].className = "circle oncl"

        var target = -704 * index;
        moveAnimation(viewpage, target);
    }

    //点击上一个
    prev.onclick = function () {
        if (index <= 0) {
            index = itmes.length - 1;
            viewpage.style.left = -704 * index + 'px';
        }
        if (circleIndex <= 0) {
            circleIndex = circles.length;
        }
        index--;
        circleIndex--;
        initCircleColor();
        circles[circleIndex].className = "circle oncl";

        var target = -704 * index;
        moveAnimation(viewpage, target);
    }

    //焦点自动轮播
    function initCircleColor() {
        for (var i = 0; i < circles.length; i++) {
            circles[i].className = 'circle';
        }
    }
    // 5 循环焦点添加点击事件
    for (let i = 0; i < circles.length; i++) {
        circles[i].onclick = function () {
            circleIndex = i;
            index = i;
            initCircleColor();
            circles[i].className = "circle oncl";
            var target = -704 * i;
            moveAnimation(viewpage, target)
        }
    }



    var viewpage2 = document.getElementsByClassName('hot-shop-rights')[0];
    var itmes2 = document.getElementsByClassName('hot-shop-right');
    var calList2 = document.getElementsByClassName('carousel-box_son')[0];
    var prev2 = document.getElementsByClassName('prev2')[0];
    var next2 = document.getElementsByClassName('next2')[0];
    var circles2 = document.getElementsByClassName("carousel__dot");
    var index2 = 0;
    var circleIndex2 = 0;
    //自动轮播
    function autoplay2() {
        inteID2 = setInterval(function () {
            //直接引用后面的相同代码
            next2.onclick();
        }, 2000);
        clearInterval(inteID2);
    }
    autoplay2();

    //悬停暂停.离开暂停
    calList2.onmouseover = function () {
        clearInterval(inteID2);
    }
    calList2.onmouseleave = function () {
        autoplay2();
    }

    // 点击下一个调用autoplay
    next2.onclick = function () {
        index2++;
        circleIndex2++;
        if (index2 >= itmes2.length) {
            index2 = 1;
            viewpage2.style.left = '0px';
        }
        if (circleIndex2 >= circles2.length) {
            circleIndex2 = 0;
        }
        initCircleColor2();
        circles2[circleIndex2].className = "carousel__dot oncl_02";
        var target = -940 * index2;
        moveAnimation2(viewpage2, target);
    }

    //点击上一个
    prev2.onclick = function () {
        if (index2 <= 0) {
            index2 = itmes2.length - 1;
            viewpage2.style.left = -940 * index2 + 'px';
        }
        if (circleIndex2 <= 0) {
            circleIndex2 = circles2.length;
        }
        index2--;
        circleIndex2--;
        initCircleColor2();
        circles2[circleIndex2].className = "carousel__dot oncl_02";

        var target = -940 * index2;
        moveAnimation2(viewpage2, target);
    }

    //焦点自动轮播
    function initCircleColor2() {
        for (let i = 0; i < circles2.length; i++) {
            circles2[i].className = 'carousel__dot';
        }
    }
    // 5 循环焦点添加点击事件
    for (let i = 0; i < circles2.length; i++) {
        circles2[i].onclick = function () {
            circleIndex2 = i;
            index2 = i;
            initCircleColor2();
            circles2[i].className = "carousel__dot"
            var target = -940 * i;
            moveAnimation2(viewpage2, target);
        }
    }



    var viewpage3 = document.getElementsByClassName('hot-shop-rights--2')[0];
    var itmes3 = document.getElementsByClassName('hot-shop-right--2');
    var calList3 = document.getElementsByClassName('carousel-box_son--2')[0];
    var prev3 = document.getElementsByClassName('prev3')[0];
    var next3 = document.getElementsByClassName('next3')[0];
    var circles3 = document.getElementsByClassName("carousel__dot--2");
    var index3 = 0;
    var circleIndex3 = 0;
    //自动轮播
    function autoplay3() {
        inteID3 = setInterval(function () {
            //直接引用后面的相同代码
            next3.onclick();
        }, 2000);
        clearInterval(inteID3);
    }
    autoplay3();

    //悬停暂停.离开暂停
    calList3.onmouseover = function () {
        clearInterval(inteID3);
    }
    calList3.onmouseleave = function () {
        autoplay3();
    }

    // 点击下一个调用autoplay
    next3.onclick = function () {
        index3++;
        circleIndex3++;
        if (index3 >= itmes3.length) {
            index3 = 1;
            viewpage3.style.left = '0px';
        }
        if (circleIndex3 >= circles3.length) {
            circleIndex3 = 0;
        }
        initCircleColor3();
        circles3[circleIndex3].className = "carousel__dot--2 oncl_02--2";

        var target = -940 * index3;
        moveAnimation3(viewpage3, target);
    }

    //点击上一个
    prev3.onclick = function () {
        if (index3 <= 0) {
            index3 = itmes3.length - 1;
            viewpage3.style.left = -940 * index3 + 'px';
        }
        if (circleIndex3 <= 0) {
            circleIndex3 = circles3.length;
        }
        index3--;
        circleIndex3--;
        initCircleColor3();
        circles3[circleIndex3].className = "carousel__dot--2 oncl_02--2";

        var target = -940 * index3;
        moveAnimation3(viewpage3, target);
    }

    //焦点自动轮播
    function initCircleColor3() {
        for (let i = 0; i < circles3.length; i++) {
            circles3[i].className = 'carousel__dot--2';
        }
    }
    // 5 循环焦点添加点击事件
    for (let i = 0; i < circles3.length; i++) {
        circles3[i].onclick = function () {
            circleIndex3 = i;
            index3 = i;
            initCircleColor3();
            circles3[i].className = "carousel__dot--2 .oncl_02--2"
            var target = -940 * i;
            moveAnimation3(viewpage3, target);
        }
    }


    var viewpage4 = document.getElementsByClassName('hot-shop-rights--4')[0];
    var itmes4 = document.getElementsByClassName('hot-shop-right--4');
    var calList4 = document.getElementsByClassName('carousel-box_son--4')[0];
    var prev4 = document.getElementsByClassName('prev4')[0];
    var next4 = document.getElementsByClassName('next4')[0];
    var circles4 = document.getElementsByClassName("carousel__dot--4");
    var index4 = 0;
    var circleIndex4 = 0;
    //自动轮播
    function autoplay4() {
        inteID4 = setInterval(function () {
            //直接引用后面的相同代码
            next4.onclick();
        }, 2000);
        clearInterval(inteID4);
    }
    autoplay4();

    //悬停暂停.离开暂停
    calList4.onmouseover = function () {
        clearInterval(inteID4);
    }
    calList4.onmouseleave = function () {
        autoplay4();
    }

    // 点击下一个调用autoplay
    next4.onclick = function () {
        index4++;
        circleIndex4++;
        if (index4 >= itmes4.length) {
            index4 = 1;
            viewpage4.style.left = '0px';
        }
        if (circleIndex4 >= circles4.length) {
            circleIndex4 = 0;
        }
        initCircleColor4();
        circles4[circleIndex4].className = "carousel__dot--4 oncl_02--4";

        var target = -940 * index4;
        moveAnimation4(viewpage4, target);
    }

    //点击上一个
    prev4.onclick = function () {
        if (index4 <= 0) {
            index4 = itmes4.length - 1;
            viewpage4.style.left = -940 * index4 + 'px';
        }
        if (circleIndex4 <= 0) {
            circleIndex4 = circles4.length;
        }
        index4--;
        circleIndex4--;
        initCircleColor4();
        circles4[circleIndex4].className = "carousel__dot--4 oncl_02--4";

        var target = -940 * index4;
        moveAnimation4(viewpage4, target);
    }

    //焦点自动轮播
    function initCircleColor4() {
        for (let i = 0; i < circles4.length; i++) {
            circles4[i].className = 'carousel__dot--4';
        }
    }
    // 5 循环焦点添加点击事件
    for (let i = 0; i < circles4.length; i++) {
        circles4[i].onclick = function () {
            circleIndex4 = i;
            index4 = i;
            initCircleColor4();
            circles4[i].className = "carousel__dot--4 .oncl_02--4"
            var target = -940 * i;
            moveAnimation4(viewpage4, target);
        }
    }




    var viewpage5 = document.getElementsByClassName('bd-box-son')[0];
    var itmes5 = document.getElementsByClassName('ul_1');
    var calList5 = document.getElementsByClassName('bd')[0];
    var index5 = 0;
    //自动轮播
    function autoplay5() {
        inteID5= setInterval(function () {
            index5 ++;
            if (index5 >= itmes5.length) {
                viewpage5.style.top = '0px';
                index5 = 1;
            }
            var target = -40 * index5;
            moveAnimation5(viewpage5, target);
        }, 2000);
    }
    autoplay5();

    //悬停暂停.离开暂停
    calList5.onmouseover=function(){
        clearInterval(inteID5);
    }
    calList5.onmouseleave=function(){
        autoplay5();
    }
</script>

</html>